<template>
    <div class="BeOnDuty_Top">
        <p style="font-size: 14px; font-weight: 700; color: rgba(162, 182, 255, 1);">
            值班情况
        </p>
    </div>
    <div class="BeOnDuty_Bottom">
        <BeOnDutySwiper />
    </div>
</template>

<script setup>
import BeOnDutySwiper from '../BeOnDutySwiper/BeOnDutySwiper.vue';
</script>

<style lang="scss" scoped>
.BeOnDuty_Top {
    position: fixed;
    left: 70px;
    top: 490px;
    width: 330px;
    height: 30px;
    opacity: 1;
    background-image: url('../../assets/Path2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    line-height: 30px;

    p {
        margin-left: 14px;
    }
}

.BeOnDuty_Bottom {
    position: fixed;
    left: 70px;
    top: 530px;
    width: 330px;
    height: 190px;
    opacity: 1;
    background: rgba(12, 29, 95, 1);
}
</style>